

<div class="layui-container">
	<div class="layui-row">
		<form action="" class="layui-form">
			<div class="layui-col-md12">
				<h2>评论管理</h2>


			</div>

			<div class="hanLogTop-btn">
				<button class="layui-btn">查询</button>
			</div>

			<div class="layui-container hanLogInfo">
				<div class="layui-col-md10 hanLogBtn">
					<div class="listBtns">
						<button class="layui-btn layui-btn-primary listBtn watch">查看</button>
						<button class="layui-btn layui-btn-danger listBtn batchDel">批量删除</button>
					</div>
				</div>
				<div class="layui-col-md12 hanLogBtn">

					<div class="hanLogInfo-table">
						<table class="layui-table">
							<tbody>

								<tr class="center">
									<th><input type="checkbox" name="" lay-skin="primary"></th>
									<th>朋友点评人</th>
									<th>被评论人</th>
									<th>评论内容</th>
									<th>点赞人数</th>
									<th>评论时间</th>
									<th>操作</th>
								</tr>

								<tr class="center">
									<td><input type="checkbox" name="" lay-skin="primary"></td>
									<td>张珊</td>
									<td>李四</td>
									<td>很好</td>
									<td>100</td>
									<td>2017-10-25  19：09：09</td>
									<td><span class="delCom">删除</span></td>
								</tr>
								
								<tr class="center">
									<td><input type="checkbox" name="" lay-skin="primary"></td>
									<td></td>
									<td></td>
									<td>踩</td>
									<td>200</td>
									<td>2017-10-25  19：09：09</td>
									<td><span class="delCom">删除</span></td>
								</tr>
							</tbody>
						</table>
						
						
						
					</div>

				</div>

			</div>

		</form>

	</div>
</div>

<style scoped>
	.paging{
		width:100%;
		text-align: center;
	}
	.delCom{
		color: red;
		cursor: pointer;
	}
	.pages{
		display: inline-block;
	}
	.listBtns {
		margin-bottom: 20px;
	}
	
	.spt {
		line-height: 35px;
	}
	
	.hanLogBtn {
		margin-bottom: 20px;
	}
	
	.clearfix::after {
		content: "";
		clear: both;
		width: 100%;
		height: 0;
		display: block;
	}
	
	.layui-date>input {
		width: 100px;
		margin: 0 10px;
	}
	
	.fl {
		float: left;
	}
	
	.hanLogInfo-table {
		font-size: 12px;
		margin-top: 30px;
		padding-top: 30px;
	}
	
	.hanLogInfo-table tr>th {
		text-align: center;
		font-size: 12px;
	}
	
	.hanLogInfo-table tr>td {
		text-align: center;
		font-size: 12px;
	}
	
	.block {
		display: block;
	}
	
	.hanLogTop-btn {
		width: 100%;
		text-align: center;
	}
	
	.hanLogInfo {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
	.hanLogTop-btn button {
		display: inline-block;
		width: 200px;
		border-radius: 5px;
	}
	
	.title {
		margin-left: 30px;
		margin-top: 30px;
	}
	
	.save-warp {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	
	.save-warp button {
		display: inline-block;
		width: 160px;
	}
	
	.hanLog-top {
		display: flex;
		justify-content: space-between;
	}
	
	.hanLog-table {
		background-color: rgba(0, 0, 0, 0);
	}
</style>


<script>
	layui.use('laydate', function() {
		var laydate = layui.laydate;

		//执行一个laydate实例
		laydate.render({
			elem: '#from' //指定元素
		});

	});
	layui.use('laydate', function() {
		var laydate1 = layui.laydate;

		//执行一个laydate实例
		laydate1.render({
			elem: '#to' //指定元素
		});

	});
</script>
